import React    from 'react';
import ReactDOM from 'react-dom';
import Tabs   from  './tabs.js';
import Tab    from  './tab.js';
import Icon   from  '../icons/icons.js';
import Bar   from  '../bar/bar.js';

class CommentBox extends React.Component{
    constructor(props) {
      super(props);
      this.state = {
        value:0,
      };
    }

    handleChange = (value) => {
      console.log("123");
      this.setState({
        value: value,
      });
    };
    render() {
          return (
            <div className="container">
            <Bar parent={'账号管理'} sub={'店铺账号'}></Bar>
              <Tabs baseWidth={400}>
                <Tab name="店铺服务费管理" icon="sprite sprite-icon-dis-backend-tab_02">
                  <div className="red">店铺服务费管理#$#434</div>
                </Tab>
                <Tab name="分销者服务费" icon="sprite sprite-icon-dis-backend-tab_04">
                  <div className="blue">分销者服务费34535</div>
                </Tab>
              </Tabs>
            </div>
            );
    }
}

ReactDOM.render(
    <CommentBox />,
    document.getElementById('app')
);